<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>私人订制搜索首页</title>
    <link rel="icon" type="image/png" href="title.png">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/background.css">
    <link rel="stylesheet" href="css/search.css">
    <link rel="stylesheet" href="css/emoji.css">
    <link rel="stylesheet" href="css/button.css">
    <link rel="stylesheet" href="css/function-button.css">
    <script>
        // 检测是否为移动设备
        function isMobileDevice() {
            return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
        }

        // 如果是移动设备，跳转到 index-phone.html
        if (isMobileDevice()) {
            window.location.href = "index-phone.html";
        }
    </script>



</head>
<body>


<!-- 页面内容 -->
<div class="search-container">
    <!-- 百度搜索栏 -->
    <div class="search-box">
        <input type="text" id="baidu-input" placeholder="百度搜索，按回车键搜索...">
    </div>
    <!-- 谷歌搜索栏 -->
    <div class="search-box google-box">
        <input type="text" id="google-input" placeholder="谷歌搜索，按回车键搜索...">
        <button id="clash-button">打开 Clash</button>
    </div>

    <!-- 抖音搜索栏 -->
    <div class="search-box">
        <input type="text" id="douyin-input" placeholder="抖音搜索，按回车键搜索...">
    </div>
    <!-- 按钮容器 -->
    <div class="button-container">
        <button class="deepseek-button" data-url="https://chat.deepseek.com/"></button>
        <button class="gpt-button" data-url="https://chatgpt.com/"></button>
        <button class="bili-button" data-url="https://www.bilibili.com"></button>
        <button class="jd-button" data-url="https://www.jd.com"></button>
        <button class="tb-button" data-url="https://www.taobao.com"></button>
        <button class="gitee-button" data-url="https://gitee.com/"></button>
        <button class="github-button" data-url="https://github.com"></button>
        <button class="aly-button" data-url="https://home.console.aliyun.com/home/dashboard/ProductAndService"></button>
    </div>

</div>
<!-- 下载日志按钮容器 -->
<div class="download-log-container">
    <button id="download-log">下载日志</button>
</div>

<div class="backimg-container">
    <button id="backimg">选择背景</button>
</div>

<!-- 视频背景容器 -->
<div id="background-video-container">
    <video id="background-video" autoplay muted loop></video>
</div>

<script src="js/clash.js"></script>
<script src="js/background.js"></script>
<script src="js/search.js"></script>
<script src="js/emoji.js"></script>
<script src="js/logs.js"></script>
<script src="js/function-button.js"></script>
</body>
</html>